<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <%--<link rel="stylesheet" type="text/css" href="/static/plugins/jquery-easyui/themes/black/easyui.css">
    <link rel="stylesheet" type="text/css" href="/static/plugins/jquery-easyui/themes/icon.css">
    <link rel="stylesheet" href="/static/css/reset.css">
    <link rel="stylesheet" href="/static/css/public.css">
    <script type="text/javascript" src="/static/plugins/jquery-easyui/jquery.min.js"></script>
    <script type="text/javascript" src="/static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>--%>
    <%@include file="/static/common/commom.jsp" %>
    <script type="text/javascript" src="/static/js/insure.js"></script>
</head>

<body>
<!--页面布局-->
<div id="cc" class="easyui-layout" fit="true">

    <form method="post" id="addTemp_form">
        <!--center 中间-->
        <div data-options="region:'center',border:'false'">
            <!--分类栏-->
            <div class="easyui-accordion" fit="true">
                <div title="投保人">
                    <%-- <form method="post" id="client_form">--%>
                    <input type="hidden" name="holder.id"/>
                    <table align="center" style="margin-top: 30px;margin-left: 100px">
                        <tbody>
                        <tr>
                            <td>姓名:</td>
                            <td><input id="clientName" name="clientName" class="easyui-textbox"
                                       style="height: 30px;width: 100px"/></td>

                            <td align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;性别</td>
                            <td width="100px">
                                <select id="gender" name="client.gender" class="easyui-combobox"
                                        data-options="panelHeight:'auto',width:'60px'">
                                    <option value="1">男</option>
                                    <option value="0">女</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                        </tr>
                        <tr>
                            <td>身份证号:</td>
                            <td><input id="idCard" name="idCard" class="easyui-textbox"
                                       style="height: 30px;width: 240px"/></td>
                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系方式:</td>
                            <td><input id="tel" name="tel" class="easyui-numberbox" style="height: 30px;width: 200px"/>
                            </td>

                        </tr>
                        <tr>

                        </tr>
                        <tr>
                            <td>通讯地址:</td>
                            <td><input id="clientAddress" name="clientAddress" class="easyui-textbox"
                                       style="height: 30px;width: 200px"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <a class="easyui-linkbutton"
                                   data-options="iconCls:'icon-search'" data-cmd="choose_customer">会员客户</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <%-- </form>--%>
                </div>

                <div title="车辆信息">
                    <%--<form method="post" id="car_form">--%>
                    <input type="hidden" id="cId" name="carNo.id"/>
                    <table align="center" style="margin-top: 30px;margin-left: 100px">
                        <tbody>
                        <tr>
                            <td>车主姓名:</td>
                            <td><input id="cName" name="name" class="easyui-textbox" style="height: 30px;width: 80px"/>
                            </td>
                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;车辆品牌:</td>
                            <td><input class="easyui-combobox" id="cBrand" name="carbrand"
                                       style="height: 30px;width: 100px"
                                       data-options="editable:false,panelHeight:'auto',valueField:'id',textField:'name',url:'/dictionary/selectDictionaryItemBySn.do?sn=CarBrand'"/>
                            </td>
                        </tr>
                        <tr>
                            <td>型号:</td>
                            <td><input id="cModel" name="model" class="easyui-textbox"
                                       style="height: 30px;width: 100px"/></td>
                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;车牌号码:</td>
                            <td><input id="cNumber" name="number" class="easyui-textbox"
                                       style="height: 30px;width: 100px"/></td>
                        </tr>
                        <tr>
                            <td>排气量:</td>
                            <td><input id="cGas" name="gas" class="easyui-textbox" style="height: 30px;width: 100px"/>L
                            </td>
                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;购置时间:</td>
                            <td><input id="cDate" name="pdate" class="easyui-datebox"
                                       style="height: 30px;width: 100px"/></td>
                        </tr>
                        <tr>
                            <td>市场估价:</td>
                            <td><input id="cPrice" name="price" class="easyui-numberbox"
                                       style="height: 30px;width: 100px"/>万
                            </td>
                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;分类:</td>
                            <td><input id="cType" name="typestate" class="easyui-combobox"
                                       style="height: 30px;width: 100px"
                                       data-options='{
                           data:[
                           {value:"0",text:"载物"},
                           {value:"1",text:"载客"}
                           ],
                           textField:"text",valueField:"value",panelHeight:"auto"
                           }'></td>
                        </tr>
                        <tr id="weight">
                            <td>车载大小:</td>
                            <td><input class="easyui-combobox" id="cWeight" name="weight"
                                       style="height: 30px;width: 100px"
                                       data-options="editable:false,panelHeight:'auto',valueField:'id',textField:'name',url:'/dictionary/selectDictionaryItemBySn.do?sn=LoadSize'"/>
                            </td>
                        </tr>
                        <tr>
                            <td><a class="easyui-linkbutton"
                                   data-options="iconCls:'icon-search'" data-cmd="choose_car">投保的车辆</a></td>
                        </tr>
                        </tbody>
                    </table>
                    <%--</form>--%>
                    <table style="margin-left: 600px;margin-top: 70px">
                        <tr>
                            <th>

                            </th>
                        </tr>
                    </table>
                </div>

                <div title="保险产品" style="margin-left: 50px">
                    <table style="margin-top: 30px">
                        <tr>
                            <font style="font-size: 20px">承保机构:</font>
                            <input id="companyId" name="companyId" class="easyui-combobox" style="width: 100px"
                                   data-options="
                            url:'/company/selectAll.do',
                             panelHeight:'auto',
                             textField:'name',
                             valueField:'id'
                            "/>
                        </tr>
                        <br>
                        <tr>
                            <font style="font-size: 20px">保险时长:</font>
                            <input name="year" style="height: 20px;width:60px" onchange="aggregate()"
                            /><font style="font-size: 20px">年</font>
                        </tr>
                        <br>
                        <tr>
                            <a class="easyui-linkbutton" iconCls="icon-add" data-cmd="search"
                               style="height: 20px;width:100px">选择产品</a>
                        </tr>
                        <tr style="font-size: 18px">
                            <td width="10"></td>
                            <td width="200">保险产品</td>
                            <td width="80">产品编号</td>
                            <td width="80">保险年费</td>
                            <td width="60"></td>
                        </tr>

                        <tbody id="edit_table_body">
                        <tr>
                            <td></td>
                            <td>
                                <input id="productName" disabled="true" readonly="true" class="easyui-textbox"
                                       name="name"/>
                                <input type="hidden" name="product.id" />
                            </td>

                            <td><span tag="sn"></span></td>

                            <td><input type="number" name="annualFee" id="annualFee"
                                       class="easyui-textbox" width="70"/></td>
                        </tr>
                        </tbody>
                        <tr>
                            <td width="30">合计:
                            <td style="font-size: 40px;color: red" colspan="4"><span tag="amount">0.0</span>元</td>
                            </td>
                        </tr>
                    </table>
                </div>
                <div style="margin:20px 0;"></div>
                <a style="margin-left: 550px;width:110px;height: 40px;"
                   class="easyui-linkbutton"  data-cmd="subimitTemp">暂存保单</a>
            </div>
        </div>
    </form>
    <%--客户数据表格弹出框--%>
    <div id="client_dialog">
        <table id="client_dataGrid"></table>
    </div>

    <%--车辆数据表格弹出框--%>
    <div id="car_dialog">
        <table id="car_dataGrid"></table>
    </div>

    <%--保险公司表格弹出框--%>
    <div id="product_dialog">
        <table id="product_dataGrid"></table>
    </div>
</div>
</body>
</html>